<script type="text/javascript" src="/js/jquery.jqplot/jquery.jqplot.js"></script>
<link rel="stylesheet" type="text/css" href="/js/jquery.jqplot/jquery.jqplot.min.css">
<script type="text/javascript" src="/js/jquery.jqplot/plugins/jqplot.highlighter.min.js"></script>
<script type="text/javascript" src="/js/jquery.jqplot/plugins/jqplot.cursor.js"></script>
<script type="text/javascript" src="/js/jquery.jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
<script type="text/javascript" src="/js/jquery.jqplot/plugins/jqplot.barRenderer.js"></script>
<script type="text/javascript" src="/js/jquery.jqplot/plugins/jqplot.categoryAxisRenderer.js"></script>
<script type="text/javascript" src="/js/jquery.jqplot/plugins/jqplot.pointLabels.js"></script>


<script type="text/javascript" src="/modules/mailsystemmodule/js/chart2.js"></script>
<span class="form_date">From date</span>&nbsp;
    <input id="_chart_fd" name="from_date" required="true" style="width:110px">
    <span class="form_date">To date</span>&nbsp;
    <input id="_chart_td" name="to_date" required="true"  style="width:110px">
    <a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="_view_chart()">View</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="_view_chart('hour')">View</a>
    <a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="_view_chart('date')">View</a>
    <br>
<div id="chart1" style="height:300px; width:600px;margin: 30px;"></div>
{literal}
 <script type="text/javascript">
 var d = [{/literal}
 {foreach from=$mails item=mail }
 [[{$mail->time}],[{$mail->count}]],
 {/foreach}];
  var e={$chart}
 {literal}
 </script>
 {/literal}
 <div id="info2"> </div>
 